﻿@charset "utf-8";
/* CSS Document */
*{
margin:0;
padding:0px; list-style-type: none;

}
body{
font-family:microsoft yahei;
font-size:15px;
line-height:25px;
color:#646464;
background:#fff;

}
img{
border:none;
}
ul li{
list-style:none;	}
a{color:#646464; text-decoration: none;}

a:hover{color:#048cd7;text-decoration:none;}


.fl { float:left;}
.fr { float:right;}
.flex { display:flex; justify-content: space-between;}
.flex-wrap { flex-wrap: wrap;}
.con { width:1200px; margin:0px auto; }




/*--------------------index.html start----------------------*/


.header{ position:fixed; width:100%; left:0; top:0;height:50px; padding-top:15px; z-index:9999; -webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;}
.headerchuange{  background:rgba(255,255,255,1); height:95px;  padding-top:12px;  -webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;  box-shadow: 0px 1px 10px #d9d9d9;}


.header-wraper{ width:100%; float:left;/*display:flex;*/}
.header-wraper1{width:1200px; margin:auto}


.aa1{ width:100%; float:left; }
.aa2{ width:1200px; margin:auto}
.flash{ width:100%; float:left}


.logo{ position:absolute; }
.logoc{ position:relative; width:1200px;}
.logo h1{color:#fff; font-size:26px; font-weight:900; float:left; text-align:left; padding-left:13px; line-height:27px; padding-top:10px;
-webkit-transition:all 1s ease 0s; transition:all 1s ease 0s;}
.logo h1 span{color:#fff; font-size:21px; font-weight:normal; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif;
-webkit-transition:all 1s ease 0s; transition:all 1s ease 0s; letter-spacing:2px;}

.logo h2{color:#fff; font-size:16px; font-weight:normal; float:left; padding-left:12px; line-height:22px; border-left:#FFFFFF solid 1px; margin-left:12px;
-webkit-transition:all 1s ease 0s; transition:all 1s ease 0s; margin-top:15px;}
.logo h2 span{color:#ff0000; font-size:18px; font-weight:normal; text-transform:uppercase; 
-webkit-transition:all 1s ease 0s; transition:all 1s ease 0s;}

.logo img{ float:left;}
.logo p{ float:left; padding-top:14px; padding-left:17px;}




.logochuange {  position:absolute;  }
.logochuange img{ float:left; }
.logochuange p{ float:left; padding-top:14px; padding-left:17px;}





.seearch{ display:flex; align-items:center; text-align:right; padding-top:0px; float:right}
.seearch div{ margin-left:30px; display:block;   }
.seearchitem01  { background:url(../images/ico1.png)    no-repeat; width:23px; height:23px;}
.seearchitem02 { background:url(../images/ico2.png)   no-repeat ; width:23px; height:23px;}
.seearchitem03 { background:url(../images/ico3.png)   no-repeat;  width:23px; height:23px;}

.seearchitem04 { float:right; color:#FFFFFF; width:70px!important; font-size:14px;  -webkit-transition:all 1s ease 0s; transition:all 1s ease 0s; text-align:center;}
.seearchitem04 a{  color:#FFFFFF; float:left;width:70px!important;}

.seearchitemchuange1{  -webkit-transition:all 1s ease 0s; transition:all 1s ease 0s;  color:#000}
.seearchitemchuange1 a{ color:#000}


.seearchitemchuange{background-position:bottom center;}
.seearch a{ width:23px;  height:inherit; display:block; color:#333;}
.navitemdown{ position:absolute;    background:rgba(255,255,255,1); display:block; padding: 10px 20px; border:#c1c1c1 1px solid; /*--------阴影----------*/
box-shadow:0px 1px 7px #ccc ; 
-moz-box-shadow:0px 1px 7px #ccc ;  
-khtml-box-shadow:0px 1px 7px #ccc ;          
-webkit-box-shadow:0px 1px 7px #ccc ; margin-top:27px; 
    
 }
.navitemdown a{ display:block; line-height:30px; color:#000000; font-size:14px; text-transform:uppercase; display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis; }
.navitemarr,.navitemarrhei{ padding-right:10px;}
.navitemarr:before{width: 0; content:'';  position:absolute; 
height: 0;

border-width: 4px;

border-style: solid;

border-color: #fff  transparent transparent transparent; left:100%; margin-left:-25px; margin-top:8px;}
.navitemarrhei:before{ 

border-color: #000  transparent transparent transparent;  }

.wraper{width:1200px; margin:0 auto}


.input{border:#ddd 0px solid;height:35px;font-family:Arial, Helvetica, sans-serif;width:200px;color:#333;font-size:14px;   line-height:35px;  
 
border-radius: 5px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;   padding:0 10px;  }
.search{  position:fixed; top:10px;  left:0;  display:block; z-index:999999;  margin-left:-90px;}
.searchitem{ padding:0px; background:#fff; border:#efefef 1px solid; width:310px; float:right; }
.searchitem form{ display:flex; width:100%;}



.nav_bgc{ float:right; margin-top:27px; width:505px; -webkit-transition:all 1s ease 0s; transition:all 1s ease 0s;}
.itemactive1{  margin-top:27px;}


.nav{width:850px;margin:auto;}

.navitem{  -webkit-transition:all 1s ease 0s; transition:all 1s ease 0s; display:block; position:relative; }
.navitem a{ text-transform:uppercase; color:#FFFFFF; font-size:16px; text-decoration:none; font-weight:normal; }
.navitem a.itemactive{color:#000!important;}


.nav li {
	float: left;
	display: inline-block;
	list-style: none;
	font-size: 17px;
	text-align: center;
	position: relative;
	padding: 10px 4px 0px  0px;
}
.nav li a { padding-left: 17px;
    padding-right: 17px;
    display: block;
    text-align: center;
    color: #000;
    font-size: 17px;
    font-weight: bold;
    position: relative;
    height: 30px;
    line-height: 30px;
    text-shadow: white 0.1em 0.05em 0.01em;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
}
.nav li.hover a, .nav li:hover a {


}
.nav li .subnav {
	background: #fff;
	border-top: 3px solid #CF0006;
	box-shadow: 0 13px 42px 11px rgba(0, 0, 0, 0.05);
	height: auto;
	left: 0;
	overflow: hidden;
	position: absolute;
	top: 100%;
	margin-top:13px;
	width: 100%;
	z-index: 199;
}
.nav li .subnav {
filter: progid:DXImageTransform.Microsoft.Shadow(color=#0091df, direction=120, strength=5);
	opacity: 0;
	visibility: hidden;
	transition: all .6s ease 0s;
	transform: translate3d(0, 10px, 0);
	-moz-transform: translate3d(0, 10px, 0);
	-webkit-transform: translate3d(0, 10px, 0);
}
.nav li:hover .subnav {
	opacity: 1;
	visibility: visible;
	transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);
}
.nav li .subnav a { 
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	color: #666;
	display: block;
	font-size: 14px!important;
	font-weight: 500;
	line-height: 40px;
	height: 40px;
	padding: 0;
	transition: all 0.2s ease-in-out 0s;
	width: 100%;
	border-bottom: 1px solid #eee;
	background: #fff;
}
.nav li .subnav a:hover {
	color: #CF0006;
	background: #f9f9f9;
	font-weight:bold;
	text-indent: 10px;
}




.yuyan{ float:right; width:70px; }	
ul.menu {list-style:none; margin:0; padding:0;color:#fff; font-size:14px!important; text-align:right }
ul.menu11 {list-style:none; margin:0; padding:0;color:#000; font-size:14px!important;  -webkit-transition:all 1s ease 0s; transition:all 1s ease 0s;text-align:right }

ul.menu li {position:relative;  float:left;}
ul.menu ul {position:absolute;  left:0; display:none; opacity:0; list-style:none;  background:#00466d; margin-left:-100px; border-radius:5px;}
ul.menu ul li {  text-align:center; font-weight:normal; line-height:30px; border-bottom:#005a8b solid 1px; }
ul.menu ul li a {font-weight:normal;font-family:Arial, Helvetica, sans-serif; width:200px!important;color:#fff;font-size:13px!important;  }
ul.menu ul li a:hover { color:#fff; background:#2495e4; -webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s; border-radius:5px;}





.p1{ position:absolute; width:100%; left:0;  height:200px; top:0; padding:10px 0; z-index:99; background:url(../images/p_b.png) repeat;  -webkit-transition:all 1s ease 0s; transition:all 1s ease 0s; margin-top:510px;
}
.p11{ width:100%; margin:0 auto;display:flex; }




#flash{
width:100%;
height:840px;
float:left; z-index:0;
}



.biaoti { width:1200px; margin:0px auto;  padding-top:40px;  text-align:center; margin-bottom:30px; font-size:43px; color:#000000; line-height:75px; font-weight:900  }
.biaoti p { font-weight:normal; color:#686868; font-size:16px; line-height:28px; width:90%; margin:0px auto; padding-bottom:14px;}
.biaoti span {color:#ff0000; }


/*sw e*/


.news { margin:auto; clear:both; overflow:visible; margin:0px auto;  }
.news .con .fl { width:587px; height:437px; position:relative; text-align:left;}
.news .con .fl img { position:absolute; z-index:-99; top:0px; left:0px;}
.news .con .fl .wz { position:absolute; width:100%; padding-left:40px;bottom:40px; color:#fff; text-align:left;  z-index: 999;}
.news .con .fl .wz p { line-height:38px; font-size:17px; font-family:Arial, Helvetica, sans-serif; }
.news .con .fl .wz h3 {font-size:20px; font-weight:700;  line-height:28px;}


.news .con .fr { width:598px; height:476px;}
.news .con .fr .news_1 { width:598px; height:210px; float:left;}
.news .con .fr .news_2 { width:293px; height:215px; position:relative; float:left; margin-top:12px; overflow: hidden;}
.news .con .fr .news_2 .img1 { position:absolute; z-index:-99;width:293px; height:215px; transition:all 0.4s; }
.news .con .fr a:hover .news_2 .img1 { transform:scale(1.1,1.1)}
.news .con .fr .news_2 .img2 { position:absolute; z-index:-99;width:63px; height:63px; top:74px; left:120px; }
.news .con .fr .news_3 { width:296px; height:215px; float:right; margin-top:12px; background:#034ea2; color:#fff;}
.news .con .fr .news_3 a { color:#fff;}
.news .con .fr .news_3 p { line-height:38px; font-size:16px; font-family:Arial, Helvetica, sans-serif; margin-left:38px; margin-top:40px;}
.news .con .fr .news_3 h3 {font-size:18px; font-weight:700; margin-left:38px; line-height:28px; width:234px;}


.news .con .news_4 { width:100%; padding-top:78px; text-align:left; padding-bottom:60px; overflow:hidden; }
.news .con .news_4 a .news_5 { width:283px; margin:0px 15px; display: inline-block; border-bottom:5px solid #d1d1d1; height:206px; margin-bottom:50px; transition:all 0,4s;}
.news .con .news_4 .news_5 h3 {font-size:18px; font-weight:700;line-height:28px; color:#262626; text-align:left; }
.news .con .news_4 a .news_5 h3 { color:#262626; text-align:left; transition:all 0,4s;}
.news .con .news_4 a .news_5 span { width:100%; float:left;  line-height:48px; font-size:16px; font-family:Arial, Helvetica, sans-serif; color:#1a4796; text-align:left;}
.news .con .news_4 a .news_5 p { line-height:25px; font-size:15px;  color:#3c3c3c; padding-top:15px; text-align:left;} 
.news .con .news_4 a:hover .news_5 { border-bottom:5px solid #194695; }
.news .con .news_4 a:hover .news_5 h3 { color:#194695; }
.news .con .news_4 a:hover .news_5 p { color:#194695; }

.tuijian :after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 476px;
    width: 598px;

    z-index: -99;

}



/*news-sw s*/
    .swiper-container-xinwen {
      width: 100%;
      height: 100%; overflow:hidden;
	      margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    }
 

  .swiper-slide-xinwen {
      text-align: center;
      font-size: 18px;
      background: #fff;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
	

.swiper-button-next-xinwen, .swiper-button-prev-xinwen {
    position: absolute; 
    top: 50%;
    width: calc(var(--swiper-navigation-size)/ 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(-1 * var(--swiper-navigation-size)/ 2);
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color,var(--swiper-theme-color));
}


	
.swiper-button-next-xinwen, .swiper-container-rtl .swiper-button-prev-xinwen { width:49px!important; height:49px!important; display:block; border-radius:50%; background: none; text-align:center; color:#fff;  font-weight:400;  right:0px!important;}
.swiper-button-next-xinwen:hover, .swiper-container-rtl:hover .swiper-button-prev-xinwen:hover {

	
	 }

.swiper-button-next-xinwen:after, .swiper-button-prev-xinwen:after  { font-size:18px!important;}

.swiper-button-prev-xinwen, .swiper-container-rtl .swiper-button-next-xinwen {width:49px!important; height:49px!important; display:block; border-radius:50%; background: none; text-align:center; color:#fff!important; font-weight:400; left:0px!important;}
.swiper-button-prev-xinwen:hover, .swiper-container-rtl:hover .swiper-button-next-xinwen:hover {
	
	 }
	
	
	
	
	
.swiper-button-next-xinwen:after, .swiper-container-rtl .swiper-button-prev-xinwen:after {
    content: '>';font-size:22px;
}

.swiper-button-next-xinwen:after, .swiper-button-prev-xinwen:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none!important;
    letter-spacing: 0;
    text-transform: none;
    font-variant: initial;
}

	
	
.swiper-button-prev-xinwen:after, .swiper-container-rtl .swiper-button-next-xinwen:after {
    content: '<';
}
.swiper-button-next-xinwen:after, .swiper-button-prev-xinwen:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none!important;
    letter-spacing: 0;
    text-transform: none;
    font-variant: initial;
}
.swiper-button-next-xinwen:after, .swiper-button-prev-xinwen:after {
    font-size: 28px!important;
}
	

/*news-sw e*/




.zl { height:500px; width:100%; clear:both; overflow:visible;}
.zl dl { width:24%; display:inline-block; text-align:center;color:#666666;font-size:16px;}
.zl dl img { margin:0px auto 10px;}
.zl dl dt {  line-height:26px; width:100%; margin:0px auto; color:#333;}
.zl dl dd b { color:#034ea2; font-size:60px; line-height:67px; font-family:Arial, Helvetica, sans-serif; font-weight:900;}




.tz1{ width:100%; float:left; background:url(../images/pg.jpg) no-repeat top center #247dd8; height:250px; margin-top:55px; text-align:center;  background-attachment: fixed; padding-top:55px;}
.tz1 dl {  line-height:26px; width:100%; margin:0px auto; color:#FFFFFF; font-size:18px;}
.tz1 dl b {color:#FFFFFF; font-size:40px; line-height:67px; font-family:Arial, Helvetica, sans-serif; font-weight:900;}




.m1{background:#fff;width:200px; line-height:40px; margin:auto;color:#2495e4;  margin-top:30px; font-size:18px;
 text-decoration: none; position: relative;z-index: 3; display: block; font-weight: normal; line-height:40px; height:40px;  color: #2495e4;}

.m1 a{border-radius:0px; width:200px; line-height:40px; float:left; color:#2495e4;
 text-decoration: none; position: relative;z-index: 3; display: block; font-weight: normal; line-height:40px; height:40px;  color: #2495e4;}
.m1 a:hover{ 
	background:#131313\9;color: #fff;}
	
.m1:after{content:'';position:absolute;height:100%;width:0;background:#000;bottom:0;left:0;-webkit-transition:width .3s;transition:width .3s;}
.m1:hover:after,.ydao ul li.cur:after{width:100%;color: #fff;}



#fot1{width:100%;float:left; background:#272727; padding-bottom:0px;}

.fot{ width:1200px; margin:auto; padding-top:70px;}



#fot1{width:100%;float:left; background:#272727; padding-bottom:0px;}

.fot{ width:1200px; margin:auto; padding-top:65px;}



.fot-menu{ width:999px; float:left; color:#FFFFFF; padding-bottom:40px; }
.fot-menu a{ color:#FFFFFF}

.fot-menu2{width:165px; float:left;text-align:left;font-size:15px; color:#FFFFFF;font-weight:normal; border-right:#fff solid 0px; margin-right:0px; }
.fot-menu2 h5{width:165px;float:left;text-align:left;font-size:17px; color:#FFFFFF;font-weight:bold; padding-bottom:20px;  }

.fot-menu2 ul{overflow:hidden; text-align:left; float:left; font-size:15px;width:165px;  }
.fot-menu2 ul li{display:inline;float:left; line-height:26px; width:165px;}
.fot-menu2 ul li a{ float:left; width:165px; color:#bcbcbc}
.fot-menu2 ul li a:hover{ float:left; width:165px; color:#fff}


.fot-menu3{width:205px; float:left;text-align:left;font-size:15px; color:#FFFFFF;font-weight:normal; border-right:#fff solid 0px; margin-right:0px; }
.fot-menu3 h5{width:205px;float:left;text-align:left;font-size:17px; color:#FFFFFF;font-weight:bold; padding-bottom:20px;  }

.fot-menu3 ul{overflow:hidden; text-align:left; float:left; font-size:15px;width:205px;  }
.fot-menu3 ul li{display:inline;float:left; line-height:26px; width:205px;}
.fot-menu3 ul li a{ float:left; width:205px; color:#bcbcbc}
.fot-menu3 ul li a:hover{ float:left; width:205px; color:#fff}


.fot-menu4{width:285px; float:left;text-align:left;font-size:15px; color:#FFFFFF;font-weight:normal; border-right:#fff solid 0px; margin-right:0px; }
.fot-menu4 h5{width:285px;float:left;text-align:left;font-size:17px; color:#FFFFFF;font-weight:bold; padding-bottom:20px;  }

.fot-menu4 ul{overflow:hidden; text-align:left; float:left; font-size:15px;width:285px;  }
.fot-menu4 ul li{display:inline;float:left; line-height:26px; width:285px;}
.fot-menu4 ul li a{ float:left; width:285px; color:#bcbcbc}
.fot-menu4 ul li a:hover{ float:left; width:285px; color:#fff}

.contact{ width:125px; float:right}


.footer1{width:100%;float:left; background:#191919; padding-bottom:30px;}

.footer{width:1200px; margin:auto; clear:both;   text-align:left; font-size:15px;color:#6d6d6d;  padding-top:30px; }
.footer a{color:#6d6d6d}
.zzb07tail{color:#6d6d6d}
a.zzb07link{color:#6d6d6d; text-decoration:none;}
a.zzb07link:hover {color:#6d6d6d;text-decoration:underline;}








